<template>
    <div class="commodity-top container clearfix">
        <img src="../../../assets/meirong1.jpg" alt="">
        <div class="top-text clearfix">
            <h1>上海澳雅（原美未央）医疗美容门诊部 <img src="../../../assets/commodity/ren.png" alt=""></h1>
            <p>口碑<span>4.1</span> 人气<span>4.1</span>活跃<span>4.1</span>擅长项目 <span>眼部 鼻部</span></p>
            <p>红粉网提示： 本页面内信息由医院 / 医生发布并对信息的真实性及合法性负责，如您对信息真实性及合法性有质疑，请<span>反馈</span>。</p>
        </div>
        <div class="btn clearfix">
            <p>咨询量排行：<span>0</span></p>
            <span>在线咨询</span>
            <span>关注</span>
        </div>
    </div>
</template>

<script>
    export default {
        name: "CommodityTop"
    }
</script>

<style scoped lang="less">
    @import "../../../style/style";
    .commodity-top{
        padding: 50px 0 15px 30px !important;
        >img{
           width: 80px;
            height: 80px;
            border-radius: 50%;
            float: left;
        }
        .top-text{
            float: left;
            margin-left: 20px;
            h1{
                font-size: 20px;
                color: @theme-color-dark;
                font-weight: normal;
            }
            >:last-child{
                color: #666666;
                font-size: 12px;
                >span{
                    margin-right: 0;
                }
            }
            p{
                padding-top: 5px;
                color: #999999;
                font-size: 12px;
                span{
                    color: #ff6527;
                    font-size: 14px;
                    padding-left: 5px;
                    margin-right: 18px;
                }
                >:last-child{
                    color: @theme-color-dark;
                }
            }
        }
        .btn{
          float: right;
            >span{
                background-color: #ff5371;
                border-radius: 4px;
                padding: 10px;
                color: white;
                margin-left: 15px;
                font-size: 16px;
                border-bottom: 2px solid #bc3c55;
            }
            p{
                color: #999999;
                font-size: 12px;
                margin-bottom: 20px;
                text-align: right;
                span{
                    color: #ff6527;
                }
            }
        }
    }
</style>